<!DOCTYPE html>
<!-- saved from url=(0076)http://yth.0101data.cn/course-orginal/cse5a0e5af7a7f3a9-93397175/contributed -->
<html>
	<!-- Mirrored from clear.lcrm.in/dark/layout_fixed.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 02 May 2017 07:54:24 GMT -->

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<title>签到统计</title>
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
		<![endif]-->

		<link rel="stylesheet" href="css/site.completed.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
		<link rel="stylesheet" href="css/toastr.min.css" />
		<link rel="stylesheet" href="css/select2.min.css" />
		<link rel="stylesheet" href="css/cbvm.app.css" />

		<!--end page level css-->
		<!-- global js -->
		<script type="text/javascript" src="js/jquery.3.js"></script>
		<!--放在最前面-->
		<script type="text/javascript" src="js/site.completed.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
		<script type="text/javascript" src="js/select2.min.js"></script>
		<script type="text/javascript" src="js/toastr.js"></script>
		<script type="text/javascript" src="js/cbvm.app.js"></script>
		<script type="text/javascript" src="js/pnotify.custom.min.js"></script>
		<!--
      	作者：864478199@qq.com
      	时间：2018-03-21
      	描述：样式
      -->
		<link rel="stylesheet" href="css/layui.css" />
		<link rel="stylesheet" href="mystyle.css" />
		<!--
        	作者：864478199@qq.com
        	时间：2018-04-02
        	描述：js
        -->
		<script type="text/javascript" src="layui/layui.js"></script>
	</head>

	<!-- 模块拼接js -->
	<script type="text/javascript">
		$(document).ready(function() {
			$('.header').load("header.html");
			$('.left').load("left.html");
		})
	</script>

	<body class="skin-default fixed-menu">
		<!-- 外部头部拼接 -->
		<div class="header"></div>

		<div class="wrapper row-offcanvas row-offcanvas-left">
			<!-- Left side column. contains the logo and sidebar -->
			<aside class="left-side sidebar-offcanvas">
				<!-- sidebar: style can be found in sidebar-->
				<div class="left"></div>
				<!-- /.sidebar -->
			</aside>
			<aside class="right-side fixednav_right">
				<section class="content-header">
					<!--
              	作者：864478199@qq.com
              	时间：2018-03-26
              	描述：修改面包屑
              -->

					<ol class="breadcrumb">
						<li>
							<a href="http://yth.0101data.cn/">
								<i class="fa fa-fw ti-home"></i> 首页
							</a>
						</li>
						<li class="active">
							<a href="#">我的课程面板</a>
						</li>
						<li class="active">
							<a href="#">课程基本资料管理</a>
						</li>
						<li class="active">
							签到统计
						</li>
					</ol>
					<h1>
			        签到统计
			    </h1>
				</section>
				<section class="content">
					<!-- second table start -->
					<div class="row">
						<div class="col-lg-12">
							<div class="panel ervery-sign-count">
								<div class="layui-row search">
									<div class="layui-col-sm6">
										<button class="layui-btn layui-btn-sm export-sign">导出Excel</button>
									</div>
									<div class="layui-col-sm6 tab-btns">
										<div class="layui-btn-group">
											<input class="form-control seach-input-bg" placeholder="请输入" />
										</div>
									</div>
								</div>
								<div class="layui-form ervery-sign-list">
									<table class="layui-table" lay-skin="line">
										<colgroup>
											<col width="130">
											<col width="130">
											<col width="130">
											<col width="130">
											<col width="130">
											<col width="130">
										</colgroup>
										<thead>
											<tr>
												<th>组名</th>
												<th>组员</th>
												<th>准点次数</th>
												<th>迟到次数</th>
												<th>旷课次数</th>
												<th>操作</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>团队1</td>
												<td>林晓辉<span class="leader">组长</span></td>
												<td>21</td>
												<td>1</td>
												<td>0</td>
												<td>查看详情</td>
											</tr>
											<tr>
												<td></td>
												<td>陈欣</td>
												<td>21</td>
												<td>1</td>
												<td>0</td>
												<td>查看详情</td>
											</tr>
											<tr>
												<td></td>
												<td>温锋</td>
												<td>21</td>
												<td>1</td>
												<td>0</td>
												<td>查看详情</td>
											</tr>
											<tr>
												<td>团队2</td>
												<td>温韬<span class="leader">组长</span></td>
												<td>21</td>
												<td>1</td>
												<td>0</td>
												<td>查看详情</td>
											</tr>
											<tr>
												<td></td>
												<td>温世涛</td>
												<td>21</td>
												<td>1</td>
												<td>0</td>
												<td>查看详情</td>
											</tr>
											<tr>
												<td></td>
												<td>温锋</td>
												<td>21</td>
												<td>1</td>
												<td>0</td>
												<td>查看详情</td>
											</tr>
										</tbody>
									</table>
									<div id="page" class="page"></div>
								</div>
							</div>
							<!--
            	作者：864478199@qq.com
            	时间：2018-03-26
            	描述：底部
            -->
							<div class="login-footer2">
								<span>厦门理工学院 &copy; 2018</span>
							</div>
						</div>
					</div>
				</section>
			</aside>
		</div>
		<!--弹窗-->
		<div class="ervery-sign-list ervery-sign-layer-modal">
			<div class="layui-row">
				<div class="layui-col-sm6">
					<div class="select-team">
						<div class="layui-form layui-form-pane">
							<div class="layui-input-block">
								<select name="city" lay-filter="city">
									<option value=""></option>
									<option value="0">授课计划1</option>
									<option value="1">授课计划2</option>
									<option value="2">授课计划3</option>
									<option value="3">授课计划4</option>
									<option value="4">授课计划5</option>
								</select>
							</div>
						</div>
					</div>
				</div>
				<div class="layui-col-sm6 sign-icon">
					<div class="sign-legend">
						<img src="img/zhundian.png" />准点</a>
						<img src="img/kuangke.png" />旷课</a>
						<img src="img/chidao.png" />迟到</a>
						<img src="img/qingjia.png" />请假</a>
					</div>
				</div>
			</div>
			<table class="layui-table" lay-skin="line">
				<colgroup>
					<col width="130">
					<col width="130">
					<col width="60">
					<col width="60">
					<col width="60">
					<col width="100">
					<col width="100">
					<col width="100">
					<col width="100">
				</colgroup>
				<thead>
					<tr>
						<th>组名</th>
						<th>组员</th>
						<th>准点次数</th>
						<th>迟到次数</th>
						<th>旷课次数</th>
						<th>授课计划1名称</th>
						<th>授课计划2名称</th>
						<th>授课计划3名称</th>
						<th>授课计划4名称</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>团队1</td>
						<td>林晓辉<span class="leader">组长</span></td>
						<td>21</td>
						<td>1</td>
						<td>0</td>
						<td><img src="img/qingjia.png" alt="签到状态图标" /></td>
						<td><img src="img/qingjia.png" alt="签到状态图标" /></td>
						<td><img src="img/qingjia.png" alt="签到状态图标" /></td>
						<td><img src="img/qingjia.png" alt="签到状态图标" /></td>
					</tr>
					<tr>
						<td></td>
						<td>陈欣</td>
						<td>21</td>
						<td>1</td>
						<td>0</td>
						<td><img src="img/kuangke.png" alt="签到状态图标" /></td>
						<td><img src="img/kuangke.png" alt="签到状态图标" /></td>
						<td><img src="img/kuangke.png" alt="签到状态图标" /></td>
						<td><img src="img/kuangke.png" alt="签到状态图标" /></td>
					</tr>
					<tr>
						<td></td>
						<td>温锋</td>
						<td>21</td>
						<td>1</td>
						<td>0</td>
						<td><img src="img/zhundian.png" alt="签到状态图标" /></td>
						<td><img src="img/zhundian.png" alt="签到状态图标" /></td>
						<td><img src="img/zhundian.png" alt="签到状态图标" /></td>
						<td><img src="img/zhundian.png" alt="签到状态图标" /></td>
					</tr>
					<tr>
						<td>团队2</td>
						<td>温韬<span class="leader">组长</span></td>
						<td>21</td>
						<td>1</td>
						<td>0</td>
						<td><img src="img/zhundian.png" alt="签到状态图标" /></td>
						<td><img src="img/zhundian.png" alt="签到状态图标" /></td>
						<td><img src="img/zhundian.png" alt="签到状态图标" /></td>
						<td><img src="img/zhundian.png" alt="签到状态图标" /></td>
					</tr>
					<tr>
						<td></td>
						<td>温世涛</td>
						<td>21</td>
						<td>1</td>
						<td>0</td>
						<td><img src="img/zhundian.png" alt="签到状态图标" /></td>
						<td><img src="img/zhundian.png" alt="签到状态图标" /></td>
						<td><img src="img/zhundian.png" alt="签到状态图标" /></td>
						<td><img src="img/zhundian.png" alt="签到状态图标" /></td>
					</tr>
					<tr>
						<td></td>
						<td>温锋</td>
						<td>21</td>
						<td>1</td>
						<td>0</td>
						<td><img src="img/chidao.png" alt="签到状态图标" /></td>
						<td><img src="img/chidao.png" alt="签到状态图标" /></td>
						<td><img src="img/chidao.png" alt="签到状态图标" /></td>
						<td><img src="img/chidao.png" alt="签到状态图标" /></td>
					</tr>
				</tbody>
			</table>
			<div id="modal-page" class="page"></div>
		</div>

	</body>
	<script type="text/javascript">
		layui.use(['laypage', 'layer', 'form'], function() {
			var laypage = layui.laypage,
				layer = layui.layer,
				form = layui.form;
			laypage.render({
				elem: 'page',
				count: 70,
				layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'],
				jump: function(obj) {
					console.log(obj)
				}
			});
			laypage.render({
				elem: 'modal-page',
				count: 70,
				layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'],
				jump: function(obj) {
					console.log(obj)
				}
			});
			//弹窗开始
			$('.export-sign').click(function() {
				layer.open({
					type: 1,
					title: '导出签到统计',
					closeBtn: 1,
					area: ['70%', '70%'],
					btn: ['导出', '取消'],
					shift: 2,
					shadeClose: true,
					content: $(".ervery-sign-layer-modal"),
					yes: function(index, layero) {
						console.info('tijioa')
					},
					btn2: function(index, layero) {
						console.info('quxiao')
					}
				})
			})
			//弹窗结束
		});
	</script>
	<!--下拉多选-->
	<script src="js/formSelects.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		formSelects.on({
			layFilter: 'city', //绑定select lay-filter
			left: '【', //显示的符号left
			right: '】', //显示的符号right
			separator: '', //多选分隔符
		});
		//formSelects.arr 可以获取到已经选择的数据
		function formatJson(arr) {
			//				try{
			//					$('#json-view').jsonViewer(eval('('+JSON.stringify(arr)+')'), {
			//						collapsed: false,
			//						withQuotes: true
			//					});
			//				}catch(error){}
		}
	</script>

</html>